<!-- 页面 -->
<template>
<div>
    <van-tabbar v-model="active" active-color="#fd6817" inactive-color="#000">
  <van-tabbar-item icon="home-o" to="/xxxx/shouye">首页</van-tabbar-item>
  <van-tabbar-item icon="column" to="/xxxx/kechen">课程</van-tabbar-item>
  <van-tabbar-item icon="play-circle" to="/xxxx/yueke">约课记录</van-tabbar-item>
  <van-tabbar-item icon="edit" to="/xxxx/lianxi">练习</van-tabbar-item>
  <van-tabbar-item icon="contact" @click="add">我的</van-tabbar-item>
</van-tabbar>
<router-view></router-view>
</div>
</template>
<!-- vue -->
<script>
export default{
data() {
return {
// 声明的属性
active:0
}
},
//生命周期函数
mounted() {
},
// 调用方法
methods:{
  add(){
    this.$router.push('wode.vue')
  }
 },
// 监听器
watch:{
},
// 计算属性
computed:{
},
// 过滤器
filters:{
},
// 自定义指令
directives:{
}
 }
</script>
<!-- css样式 -->
<style scoped>

</style>